import { Table, message, Popconfirm, Space, Modal, Row, Col, Form, Input, Checkbox, Tooltip } from "antd";
import { useModel, Outlet, useLocation, history } from "umi";
import { Card as SemiCard, ButtonGroup, Button, Descriptions } from "@douyinfe/semi-ui";
import { IconRefresh, IconPlusCircle, IconDelete, IconEdit, IconEyeOpened, IconChainStroked } from "@douyinfe/semi-icons";
import { useReactive } from "ahooks";
import { useEffect, useState } from "react";

// import ChooseMerchant from "../components/dashboard/choose.merchant";

const SupplierPage = () => {
	const { windowInnerHeight } = useModel("global");

	const state = useReactive({});

	const loadData = () => {};

	useEffect(() => {
		loadData();
	}, []);

	const cardBodyHeight = windowInnerHeight - 90 - 20 - 54;

	return (
		<div style={{ padding: 10 }}>
			<SemiCard
				title={<span style={{ lineHeight: "32px", fontSize: 15 }}>供应商管理</span>}
				headerStyle={{ padding: "10px 14px" }}
				shadows="always"
				bordered={false}
				size="default"
				bodyStyle={{ padding: 30, height: cardBodyHeight, overflow: "auto" }}
				headerExtraContent={<ButtonGroup></ButtonGroup>}
			></SemiCard>
		</div>
	);
};

export default SupplierPage;
